.fl{ float: left;}
.fr{ float: right;}
.bg1{background: #fffcdb url(/images/activity/activity4/banner.png) 50% 0 no-repeat;width:100%; margin:0 auto;  height:547px;}
.area1{width:1200px;height:547px; margin:0 auto; position:relative;}
.area1 .u-min{ width: 300px; height: 238px; background: #fff;  filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;text-align: center;position: relative; padding: 20px;float: right; margin: 5% 0; }
.area1 .control{line-height: 55px;height: 55px;border-bottom: 1px solid #F7D8B0;text-align: left;}
.area1 .control input{line-height: 52px;height: 52px; width: 100%;  border: none;color: #560b0f; font-size: 16px;}
.area1 .control :-moz-placeholder {  color: #f8b86e; opacity:1; }
.area1 .control ::-moz-placeholder { color: #f8b86e;opacity:1;}
.area1 .control input:-ms-input-placeholder{ color: #f8b86e;opacity:1;}
.area1 .control input::-webkit-input-placeholder{color: #f8b86e;opacity:1;}
.area1 .control .yzbtn{ border: none; background: none;font-size: 14px; color: #e94a25;float: right;    line-height: 56px; height: 56px;}
.area1 .control .verify{ width: 80%;float: left;}
.area1 .control .input-control{ width: 66%;}
.control2{ height: 20px; line-height: 20px;font-size: 12px; color: #f18c42;padding: 3% 0;}
.control2 a{ color: #e94a25;}
.control2 #check {width: 14px; height: 14px;background: url(/images/activity/activity4/flow-sprit.png) no-repeat -15px 0; display: inline-block;cursor: pointer;vertical-align: middle;margin-right: 10px;}
.control2 #check.che {background-position: 0 0}
.register_btn{ width: 260px; height: 33px; line-height: 33px; text-align: center; color: #fff; color: #fff; background: #e94a25; border-radius: 18px; border: none; margin: 0 auto; padding-bottom: 3%;}
.register_btn span{ font-weight: bold;}
.bg2{background: #fffcdb ;width:100%; margin:0 auto;  height:630px;}
.area2{width:1200px; height:630px; margin:0 auto; position:relative; text-align: center;}
.area2 ul li{ background: url(/images/activity/activity4/bgimg1.png) no-repeat; width: 355px; height:131px;float: left;margin:0 28px 28px 0;}
.area2 ul li .u-left{ width: 140px;font-size: 66px; color: #fff;font-weight: 400; position: relative;    padding-left: 13%;    line-height: 130px;}
.area2 ul li .u-left span{font-size: 48px; color: #fff; position: absolute;top: 5%;  left: 2%; line-height: 55px;}
.area2 ul li .u-right{width: 141px;color: #560b0f; font-size: 16px; padding: 41px 0; padding-left: 20px; text-align: left;line-height: 25px;}
.area2 ul li .u-right p span{ color: #e94a25;font-size: 16px;font-weight: bold; }
.area2 ul{ overflow: hidden;}
.area2 .u-but .m-but{ background: #e94a25; display: block ; clear: both;width:568px; height: 72px;line-height: 72px; text-align: center;font-size: 28px;  border: none; color: #fff;border-radius: 79px; margin: 7% auto 0;}
.area2 .u-but .m-but span{ color: #fff;font-weight: bold;}
.bg3{background: #fffcdb url(/images/activity/activity4/bg.png) 50% 0 no-repeat;width:100%; margin:0 auto;  height:757px; clear: both;}
.area3{width:1200px; height:757px; margin:0 auto; position:relative; text-align: center;}
.area2 h2{ font-size: 48px; color: #e94a25; text-align: center; line-height: 55px;height: 55px;    position: relative; top: -9%;}
.area3 h2{ font-size: 48px; color: #e94a25; text-align: center; line-height: 58px;height: 58px; padding: 83px 0 53px 0;}
.area3 .Novicelabel{ width: 483px; height: 384px; background: #FFFCDB url(/images/activity/activity4/Hotx.png) right 0 no-repeat; border-radius: 17px;padding: 50px 33px;}
.area3 .Novicelabel h3{font-size: 44px; color: #560b0f;font-weight: 400; text-align: left;line-height: 55px; }
.area3 .f-size{font-size: 44px; line-height: 45px;height: 45px; color: #e94a25; text-align: left;padding-top: 5%;}
.area3 .f-size span{ font-size: 58px;}
.area3 .f-text{ font-size: 26px; color: #966a52; text-align: left; padding: 23px 34px 0;float: left;line-height: 34px;}
.area3 .u-right{ float: right; width: 165px;color: #966a52; font-size: 26px;line-height: 34px;    padding: 23px 34px 0;}
.area3 .u-tet{ clear: both; font-size: 26px; color: #966a52;padding: 7.5% 0;line-height: 55px;}
.area3 .u-but{font-size:28px ; color: #fff; width: 238px; height: 59px; line-height: 59px; background: #e94a25; display: block; border-radius: 33px;    margin: 0 auto;}
.area3 .u-current{ margin-left: 40px;}
.area3 .u-current{background: #FFFCDB url(/images/activity/activity4/Hotl.png) right 0 no-repeat;}
.area3 .u-current .u-right{ width: 114px;}
.bg4{background: #fff0c6;width:100%; margin:0 auto;  height:338; clear: both;}
.area4{width:1200px; height:338px; margin:0 auto; position:relative; text-align: center;}
.area4 h4{font-size: 36px; color: #966a52; text-align: left;font-weight: 400;line-height: 40px; font-weight: bold; padding: 2% 0;}
.area4 p{ font-size: 24px; color: #966a52; text-align: left;line-height:43px; width: 1003px;}
.regName_error{ background: #333333;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;padding:12px; border-radius: 3px; position: absolute;font-size:14px; color: #fff; top: 27%; right: 24%; display: none;}
.bg5{background: #fffcdb;width:100%; margin:0 auto;  height:1090px; clear: both;}
.area5{width:1200px; height:1090px; margin:0 auto; position:relative; text-align: center;padding-top: 80px;}
.area5 h4{ font-size: 48px; color: #e94a25; background: url(/images/activity/activity4/boder.png) 50% 50% no-repeat; width: 1000px; height: 54px; margin:0 auto;line-height: 54px;}
.area5 p{ font-size: 24px; color: #7c4b3c;line-height: 34px;}
.area5 .m-text p span{ color: #e94a25;font-weight: 400;}
.area5 .u-text{ background: url(/images/activity/activity4/bg2.png)50% 50% no-repeat;width:1200px }
.area5 .fw20{ padding-top: 104px;}
.area5 p{font-size: 24px; color: #7c4b3c;line-height: 40px;}
.area5 p span{ font-weight: bold; color: #7c4b3c;}
.area5 .m-text{ padding: 80px 0; width: 696px;  margin: 0 auto; text-align: left;}
